<template>
    <div class="newsbox">
        <div class="newscontent">
            <h3>新闻标题</h3>
            <p>在我的印象中加拿大是多雨的。手中需要常拿一把伞。我在朋友圈象征性的上传了几张照片。说「STANLEY
                PARK很美，也很大气。基本大一点的景点都跑了个遍，除了比较偏远的地方，没有时间去。搭BIG
                BUS还是很划算的，酒店还给了优惠券。因为看过更美的风景，觉得城市里的风景大同小异。也许多伦多会好玩些。」不过如此。
                如此。
            </p>
        </div>
    </div>
</template>
<script>

export default {

}
</script>
<style scoped lang="less">
.newsbox {
    width: 800px;
    // height: 200px;
    border-radius: 10px;
    box-shadow: 0 0 8px rgba(8, 7, 16, 0.2);
    background-color: rgba(238, 248, 252, 0.8);

    .newscontent {
        color: #294e9e;

        h3 {
            text-align: center;
        }

        p {
            // 有宽度
            color: #3c3c4a;
            overflow: hidden;
            word-wrap: break-word;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
        }
    }
}
</style>